﻿@page "/"

<PageTitle Title="介绍">
    BootBlazorUI 是基于 Bootstrap 4.x 版本并构建于 ASP.NET CORE 3.1 的 UI 库，不依赖于 JQuery 和 Bootstrap.js 实现所有交互，
    可应用于 Mvc / Razor Page / Blazor 等 Web 应用程序。
    <br />
    BootBlazorUI 更偏向于交互和实用性，而不仅仅是静态的组件。
</PageTitle>
<BootTabControl>
    <BootTabControlPage Title="程序包管理控制台(Package Manager)">
    @Code.GetCode($@"
```powershell
PM> Install-Package BootBlazorUI --Version {Program.GetVersion()}
```
")
    </BootTabControlPage>
    <BootTabControlPage Title=".NET 命令行(.Net CLI)">
    @Code.GetCode($@"
```cmd
> dotnet add package BootBlazorUI --version {Program.GetVersion()}
```
")
    </BootTabControlPage>
    <BootTabControlPage Title="项目包引用(PackageReference)">
    @Code.GetCode($@"
```xml
<PackageReference Include=""BootBlazorUI"" Version=""{Program.GetVersion()}"" />
```
")
    </BootTabControlPage>
</BootTabControl>
<PageTitle Title="支持环境">
    @Code.GetCode(@"
- .NET App Core 3.1+
- .NET Standard 2.1+
- [浏览器支持](https://v4.bootcss.com/docs/getting-started/browsers-devices/)
")
</PageTitle>
<PageTitle Title="快速上手">
    @Code.GetCode(@"
* 引入内置的 bootstrap(v4.3.1) 样式 `<link href=""_content/BootBlazorUI/bootstrap.min.css"" rel=""stylesheet""/>` ，或你也可以自己引入 bootstrap 的样式；
* 引入组件样式：`<link href=""_content/BootBlazorUI/components.css"" rel=""stylesheet"" />`
* 使用 `@using BootBlazorUI` 引入命名空间
")
</PageTitle>
<PageTitle Title="更新日志">
    <small>当前版本：<BootBadge>v@(Program.GetVersion())</BootBadge></small>
    @Code.GetCode(@"
### 1.0-preview2
> 主要是对 BootDataGrid 组件进行优化，使其能由外部灵活控制

* 【新增】LoadingText 属性
* 【新增】ShowLoading 方法
* 【新增】HideLoading 方法
* 【优化】ClickRow 方法，只需要指定行索引即可
* 【修复】HasRowCss / AddRowCss / RemoveRowCss 索引位置错误引发的问题
### 1.0-preview1
* 【修复】分页组件数据不满1页时出现重复第一页
* 【修复】BootDataGrid 列宽度计算
* 【优化】支持对 BootDataGrid 进行手动数据加载
* 【优化】其他小问题
#### 0.8
* 【新增】分页组件 CurrentPage PageSize 以及 TotalCount 支持双向绑定功能
* 【新增】BootButton 可取消与表单的级联 EditContent 参数，使按钮可选择被表单关联
* 【新增】BootLoading 遮罩层加载面板
* 【优化】分页组件的布局和参数
* 【优化】BootDataGrid 组件，去掉自带的分页组件和参数调整
* 【移除】内置的 js 文件
#### 0.7
* 【新增】AdditionalCssClass 属性，用于追加组件默认样式以外的其他 class 类名称
* 【新增】AdditionalStyle 属性，用于追加组件默认样式以为的其他 style 样式
* 【新增】OverrideCssClass 属性，用于覆盖组件的 class 类名称
* 【新增】OverrideStyle 属性，用于覆盖组件的 style 样式
* 【新增】BootSpinner 组件
* 【修复】BootBadge 组件命名错误
* 【优化】BaseComponent 重命名为 BootComponentBase
* 【优化】BootButton 默认提交时的文本增加 BootSpinner 组件
* 【优化】重命名 BootTabPage 为 BootTabControlPage
#### 0.6
* 【新增】表单组件，包括单行文本框、多行文本框、单选按钮、多选按钮、日期选择、下拉框等组件
* 【新增】表单验证组件，可以结合 BootButton 对提交的表单形成交互性
* 【优化】表单按钮的交互功能，并将按钮移动到 Forms 命名空间
#### 0.5
* 【新增】Dialog 对话框组件
* 【新增】分页页码个数配置，显示首页和末页的开关
* 【新增】DataGrid 的 TemplateColumn 自定义列类型
* 【修改】DataGrid 的绑定字段列重命名为 FieldColumn
#### 0.4
* 【新增】DataGrid 组件
* 【新增】分页组件的“跳转到”、“状态标签”和“分页数字隐藏显示”
* 【移除】基本表格组件，由 DataGrid 组件代替
* 【更新】`ControlColor` 改为 `Color`
* 【更新】`ControlSize` 改为 `Size`
* 【修复】若干 Bug
#### 0.3
* 【新增】分页组件
#### 0.2
* 【新增】按钮组件的 `Disable/Active` 方法和 `OnDisabled/OnActived` 事件
* 【新增】进度条组件的 `TryUpdateValue` 方法，并增加更新进度条百分比宽度的 js
* 【新增】`BaseComponent` 的 `Id` 属性，让每个控件都生成一个独立的 `Id` 标识
* 【优化】不合理的属性
#### 0.1
* 初始化项目和基本的组件
")
</PageTitle>